<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="css/调查表.css" />



</head>

<body>


  <header class="top">
    <p class="top1">青少年身心健康</p>
    <div class="T1">
      <ul class="menu">
        <li>
          <a class="" href="首页.html">首页</a>
          <ul class="a1_1">
            <li><a class="a1" href="#生理常见疾病">生理常见疾病</a></li>
            <li><a class="a2" href="#身心疾病常见诱因">身心疾病常见诱因</a></li>
          </ul>
        </li>
        <li>
          <a class="top3" href="健康指导.html">健康指导</a>
          <ul class="a1_2">
            <li><a class="a4" href="健康指导/心理健康指导.html">心理健康指导</a></li>
            <li><a class="a5" href="健康指导/身体健康指导.html">身体健康指导</a></li>
          </ul>
        </li>
        <li>
          <a class="top4" href="案例.html">案例</a>
          <ul class="a1_3">
            <li>
              <a class="a7" href="#">心理案例</a>
              <ul class="a8_1">
                <li><a class="a7" href="案例/心理案例篇1.html">心理案例篇1</a></li>
                <li><a class="a8" href="案例/心理案例篇2.html">心理案例篇2</a></li>
                <li><a class="a9" href="案例/心理案例篇3.html">心理案例篇3</a></li>
            </ul>
        </li>
    </ul>
    <ul class="a1_4">
        <li class="a8_3">
            <a class="a8" href="#">生理案例</a>
            <ul class="a8_2">
                <li><a class="a7" href="案例/生理案例篇1.html">生理案例篇1</a></li>
                <li><a class="a8" href="案例/生理案例篇2.html">生理案例篇2</a></li>
                <li><a class="a9" href="案例/生理案例篇3.html">生理案例篇3</a></li>
            </ul>
            </li>
          </ul>
        </li>
        <li>
          <a class="top5" href="问答.html">问答</a>
          <ul class="a1_4">
            <li><a class="a7" href="#">身心疾病常见诱因</a></li>
            <li><a class="a8" href="#">Submenu 2</a></li>
            <li><a class="a9" href="#">Submenu 3</a></li>
          </ul>
        </li>
        <li>
          <a class="top6" href="调查表.html">调查表</a>
          <ul class="a1_5">
            <li><a class="a7" href="调查表/心理调查表.html">心理调查表</a></li>
            <li><a class="a8" href="调查表/生理调查表.html">生理调查表</a></li>
            <li><a class="a9" href="调查表/心理总表记录.html">心理总表记录</a></li>
            <li><a class="a10" href="调查表/生理总表记录.html">生理总表记录</a></li>
          </ul>
        </li>
      </ul>
      <div class="top7">
        <a href="http://www.baidu.com"><input type="text" placeholder="在这里输入搜索内容" /></a>
      </div>
    </div>
  </header>
  <div class="d1">
    <p class="p01">试题名称</p>
    <select class="op01">
      <option value="option1" selected>请选择</option>
      <option value="option2" >心理调查表</option>
      <option value="option3">生理调查表</option>
    </select>

    <p class="p02">适用人群</p>
    <select class="op02">
      <option value="option1" selected>请选择</option>
      <option value="option2" >高中及以下</option>
      <option value="option3">大学青少年</option>
      <option value="option3">成年人</option>
    </select>

  </div>
  <div class="d2">
    <table>
      <tr>
        <th>试题名称</th>
        <th>题数</th>
        <th>适用人群</th>
      </tr>
      <tr>
        <td>心理调查表</td>
        <td>20</td>
        <td>高中及以下</td>
      </tr>
      <tr>
        <td>心理调查表</td>
        <td>20</td>
        <td>大学青少年</td>
      </tr>
      <tr>
        <td>心理调查表</td>
        <td>20</td>
        <td>成年人</td>
      </tr>
      <tr>
        <td>生理调查表</td>
        <td>20</td>
        <td>高中及以下</td>
      </tr>
      <tr>
        <td>生理调查表</td>
        <td>20</td>
        <td>大学青少年</td>
      </tr>
      <tr>
        <td>生理调查表</td>
        <td>20</td>
        <td>成年人</td>
      </tr>
      
    </table>
  </div>
</body>

</html>